<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      xmlns:tal="http://xml.zope.org/namespaces/tal"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      metal:use-macro="master.xhtml/master">
  <body>
    <h2 metal:fill-slot="heading" tal:omit-tag=""></h2>
    <p class="ruokapiiri-success" tal:condition="MSG_CHANGES_SAVED|nothing" metal:fill-slot="message">
      Muutokset tallennettu onnistuneesti.
    </p>
    <p class="ruokapiiri-message" tal:condition="MSG_SUM_UPDATED|nothing" metal:fill-slot="message">
      Tilauksen kokonaishinta päivitetty. Jätä tilaus <em>Tilaa</em>-painikkeella.
    </p>
    <p class="ruokapiiri-error" tal:condition="MSG_CORRECT_ERRORS|nothing" metal:fill-slot="message">
      Puutteelliset tai virheelliset tilaustiedot. Ole hyvä ja korjaa merkityt virheet.
    </p>
    <div metal:fill-slot="main" tal:omit-tag="">
      <form id="ruokapiiri-settings" method="post"
            tal:condition="auth/isAuthorized"
            tal:define="instructions instructions|nothing;
                        enabled      enabled|nothing;">
        <p>Tilauslomakkeen alussa näytettävä viesti:<br/>
          <textarea name="instructions"
                    tal:content="instructions">Lomakkeen ohjeet</textarea>
        </p>
        <p>
          Tilausvahvistukseen liitettävä viesti:<br/>
          <textarea name="message"
                    tal:content="message">Viesti</textarea>
        </p>
        <p>
          <input type="checkbox" name="enabled" id="enabled"
                 tal:attributes="checked php: enabled ? 'yes' : NULL" />
          <label for="enabled">Tilauslomake näytetään kaikille ja tilaaminen on mahdollista.</label>

          <input type="hidden" name="action" value="save" />
          <input type="submit" value="Tallenna muutokset" style="float: right;"/>
        </p>
      </form>
      <p tal:condition="not:auth/isAuthorized"
         tal:define="instructions instructions|nothing">
        <tal:lines repeat="line instructions">
          <tal:line replace="structure line">Rivi ohjetta</tal:line><br tal:condition="not:repeat/line/end" />
        </tal:lines>
      </p>
      <tal:form define="authorized auth/isAuthorized;
                        enabled    enabled|nothing;"
                condition="php: authorized or enabled">
        <h2>Tilauslomake</h2>
        <form id="ruokapiiri-orderform" method="post" autocomplete="off">
          <table>
            <thead>
              <tr>
                <th class="ruokapiiri-description">Tuote</th>
                <th class="ruokapiiri-price">Hinta</th>
                <th class="ruokapiiri-quantity">Määrä</th>
                <th class="ruokapiiri-unit"></th>
              </tr>
            </thead>
            <tbody>
              <tal:every repeat="product products">
                <tr tal:condition="product/description"
                    tal:define="quantity php:array_key_exists(product.id, order.products) ? order.products[product.id] : NULL;
                                quantity php:quantity ? quantity.quantity : NULL;
                                available php:ProductLimit::isAvailable(product)"
                    tal:attributes="class php: repeat.product.odd ? 'ruokapiiri-even' : NULL">
                  <td tal:attributes="class php:available ? NULL : 'ruokapiiri-not-available'"><a href="#" target="_blank"
                         tal:attributes="href string:${base}?view=ingredients#${product/id};
                                         title product/ingredients">
                    <span tal:replace="product/description">Tuotteen kuvaus</span></a>
                    <em tal:condition="php: product.producer or product.notes">(<span
                      tal:condition="product/producer" tal:content="product/producer">Tuottaja</span><span
                      tal:condition="php: product.producer and product.notes">, </span><span
                      tal:condition="product/notes" tal:content="product/notes">
                      tuotteen ostamiseen liittyviä lisäohjeita ja huomautuksia.</span>)</em>
                  </td>
                  <td class="ruokapiiri-quantity" colspan="3" tal:condition="not:available">
                    <em>Tuote-erä loppuunmyyty</em>
                  </td>
                  <td class="ruokapiiri-price"  tal:condition="available"
                      tal:attributes="style php: quantity ? 'font-weight: bold;;' : NULL">
                    <tal:replace replace="php: str_replace('.', ',', product.price)">1,00</tal:replace> &euro;<span tal:content="php: ' / ' . str_replace('pcs', 'kpl', product.unit)"> / kpl</span>
                  </td>
                  <td class="ruokapiiri-quantity" tal:condition="available">
                    <input type="text" style="font-weight: bold;" autocomplete="off"
                           tal:attributes="name string:${product/id}; value quantity"/>
                  </td>
                  <td class="ruokapiiri-unit" tal:condition="available"
                      tal:content="php: str_replace('pcs', 'kpl', product.unit)">kpl</td>
                </tr>
                <tr tal:condition="not:product/description"
                    tal:attributes="class php: repeat.product.odd ? 'ruokapiiri-even' : NULL">
                    <td colspan="4" class="ruokapiiri-category" tal:condition="product/producer"
                                    tal:content="product/producer">Väliotsikko</td>
                    <td colspan="4" tal:condition="not:product/producer">&nbsp;</td>
                </tr>
              </tal:every>
            </tbody>
            <tfoot>
              <tr tal:attributes="class php:count(products) % 2 ? 'even' : NULL">
                <td>Toimituskulut</td>
                 <td class="ruokapiiri-price">
                    <tal:replace replace="php: str_replace('.', ',', order.charge)">1,00</tal:replace>
                    &euro;
                  </td>
                <td></td>
                <td></td>
              </tr>
              <tr class="ruokapiiri-sum">
                <td>Yhteensä</td>
                <td class="ruokapiiri-price"><span tal:replace="php: str_replace('.', ',', order.sum())">0,15</span> &euro;</td>
                <td>
                  <input class="ruokapiiri-hidden" type="hidden" name="sum_action" value="Laske" />
                  <input class="ruokapiiri-submit" type="submit" name="action" value="Laske" />
                </td>
                <td></td>
              </tr>
            </tfoot>
          </table>
          <table id="ruokapiiri-customer">
            <tr>
              <td style="text-align: right;">Etunimi</td>
              <td>
                <input type="text" name="forename" tal:attributes="value order/forename|nothing"/>
                <span class="ruokapiiri-error" tal:condition="errors/forename|nothing">
                  pakollinen tieto
                </span>
              </td>
            </tr>
            <tr>
              <td style="text-align: right;">Sukunimi</td>
              <td>
                <input type="text" name="surname" tal:attributes="value order/surname|nothing"/>
                <span class="ruokapiiri-error" tal:condition="errors/surname|nothing">
                  pakollinen tieto
                </span>
              </td>
            </tr>
            <tr>
              <td style="text-align: right;">Puhelinnumero</td>
              <td>
                <input type="text" name="phone" tal:attributes="value order/phone|nothing"/>
                <span class="ruokapiiri-error" tal:condition="errors/phone|nothing">
                  pakollinen tieto
                </span>
              </td>
            </tr>
            <tr>
              <td style="text-align: right;">Sähköpostiosoite</td>
              <td>
                <input type="text" name="email" tal:attributes="value order/email|nothing"/>
                <span tal:condition="not:errors/email|nothing">
                  <em>vapaaehtoinen *)</em>
                </span>
                <span class="ruokapiiri-error" tal:condition="errors/email|nothing">
                  virheellinen sähköpostiosoite
                </span>
              </td>
            </tr>
            <tr>
              <td></td>
              <td>
                <input class="ruokapiiri-checkbox" type="checkbox" name="participate"
                       tal:define="participate order/participate|nothing"
                       tal:attributes="checked php: participate ? 'yes' : NULL"/>
                <label for="participate">Ehdin jakamaan tämän tilauksen ruokia.</label>
              </td>
            </tr>
            <tr>
              <td></td>
              <td>
                Muuta asiaa? Kirjoita tähän:<br/>
                <textarea name="notes"
                          tal:content="order/notes|nothing"></textarea>
              </td>
            </tr>
            <tr>
              <td></td>
              <td>
                <input class="ruokapiiri-hidden" type="hidden" name="order_action" value="Tilaa" />
                <input class="ruokapiiri-submit" type="submit" name="action" value="Tilaa" />
                <p tal:condition="not:errors/email|nothing">
                  <em>*) Tilauksessa ilmoitettuun sähköpostiosoitteeseen lähetetään
                   automaattinen tilausvahvistus tilauksen sisällöstä ja summasta.
                   Sähköpostiosoitetta voidaan käyttää myös tilauksen jakoa
                   koskevaan tiedottamiseen (esim. aikataulumuutoksista tiedottamiseen).</em>
                </p>
                <p>
                  <a target="_blank" tal:attributes="href string:${base}tietosuojaseloste.pdf">
                  Tietosuoja- ja rekisteriseloste
                  </a> (PDF)
                </p>
              </td>
            </tr>
          </table>
        </form>
      </tal:form>
    </div>
  </body>
</html>